import React from "react";
import classes from "./RecordList.module.css";
import foodSvg from "../../assets/svg/Index/food.svg";
export default function RecordList({ item, theme }) {
    return (
        <li className={classes.RecordList} style={{ borderColor: theme === "light" ? "#dedfef" : "#252525" }}>
            <div className={classes.left}>
                <div className={classes.image} style={{ backgroundColor: theme === "light" ? "#e5f3f8" : "#28353a" }}>
                    <img src={foodSvg} alt="foodSvg" />
                </div>
                <div className={classes.title}>
                    <h4 style={{ color: theme === "light" ? "#2f2f2f" : "#fff" }}>{item.name}</h4>
                    <span>{item.date}</span>
                </div>
            </div>
            <div className={classes.right}>
                <span style={{ color: theme === "light" ? "#b6b6b6" : "#CCCCCC" }}>- $200 + Vat 1%</span>
                <span>{item.methods}</span>
            </div>
        </li>
    );
}
